/*************************************************GLOBALS***/
* { word-break: break-all; word-wrap: break-word; }
body, th, td, input, select, textarea, button { font: 12px/1.5em Verdana, "Lucida Grande",Arial, Helvetica,sans-serif; text-align:center;}
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }

a { color: #2C629E; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

.blocklink a { padding-left: 0.5em; line-height: 2em; display: block; }
  .blocklink a:hover { background: #2C629E; color: #FFF; text-decoration: none; }
  .blocklink .active a { color: #333; font-weight: bold; }

caption, th { text-align: left; }
  caption { font-size: 14px; font-weight: bold; }
  caption p { font-weight: normal; }

.warn{ color: #f00; }
.gray { color: #999; }
    .gray a { color: #999; }
.middle { vertical-align: middle; }
.floatright { float: right; }
.clear { clear: both; height: 0; overflow: hidden; }
.s_clear { *zoom: 1; }
.s_clear:after { clear: both; content: "."; display: block; visibility: hidden; height: 0; overflow: hidden; }
.time { color: #999; }

/*avatar bg*/
.ar_r_t { float: left; background: #FFF url(../images/avatar_bg.gif) no-repeat right top; }
  .ar_l_t { padding: 5px 0 0; background: url(../images/avatar_bg.gif) no-repeat left top; }
    .ar_r_b { background: url(../images/avatar_bg.gif) no-repeat right bottom; }
      .ar_l_b { padding: 0 12px 12px 5px; background: url(../images/avatar_bg.gif) no-repeat left bottom; }
/*yellow radius*/
.ye_r_t { width: 100%; background: url(../images/yel_bg.gif) no-repeat right top; }
  .ye_l_t { padding: 5px 0 0; background: url(../images/yel_bg.gif) no-repeat left top; }
    .ye_r_b { background: url(../images/yel_bg.gif) no-repeat right bottom; }
      .ye_l_b { padding: 0 5px 5px; background: url(../images/yel_bg.gif) no-repeat left bottom; }
.task_notice { position: relative; height:25px;padding: 5px; background: #f7f7f7; }

#div_main { clear: both; }

body { background: #FFF; }
#wrap, .warp { margin: 0 auto; width: 970px; text-align:left; }

/*************************************************HEADER***/
#header { margin: 0 auto 20px; text-align:left; z-index: 200; }
  .headerwarp { margin: 0 auto; padding: 0 20px; width: 930px; height: 40px; background: #090 url(../images/header_bg.gif); color: #FFF; }
    #header a { color: #FFF; }
      #header .logo { float: left; margin: 0 30px 0 0; }

.menu { float: left; font-size: 14px; font-weight: bold; }
  .menu li { float: left; padding: 10px; }
    .menu .edit { padding-left: 4px; color: #CCC; font-size: 12px; font-weight: normal; }

.menu li.ucmenu { margin: 0 10px 0 0; padding: 10px 15px 10px 10px; background: url(../images/triangle.gif) no-repeat right center; }
  #ucmenu { position: absolute; width: 130px; border: 2px solid #ebe6c9; background: #FFF; z-index: 200; }
    #ucmenu * { float: none; margin: 0; padding: 0; display: block; }
      #ucmenu li { padding: 5px 10px; }
        #ucmenu li a { color: #2C629E; font-size: 12px; font-weight: normal; }
.nav_account { float: right; line-height: 40px; }

#main { margin: 0 0 20px; width: 970px; overflow: hidden; }
#nav { margin: 15px 0 -5px; padding: 0 5px; line-height: 20px; }

/*avatar bg*/
.ar_r_t { float: left; background: #FFF url(../images/avatar_bg.gif) no-repeat right top; }
  .ar_l_t { padding: 5px 0 0; background: url(../images/avatar_bg.gif) no-repeat left top; }
    .ar_r_b { background: url(../images/avatar_bg.gif) no-repeat right bottom; }
      .ar_l_b { padding: 0 12px 12px 5px; background: url(../images/avatar_bg.gif) no-repeat left bottom; }

/*************************************************COMPOSER***/
.composer_header { margin-top: -10px; padding: 30px 15px 20px; _padding: 30px 10px 20px; border: 1px solid #ddd; border-top: none; position: relative; }
    .ar_r_t { margin: 0 10px 0 0; overflow: hidden; }
    .composer { padding: 10px 5px 10px 10px; overflow: hidden; }
    .index_name { color: #000; font-size: 14px; line-height: 30px; }
      .index_name em { font-style: normal; font-weight: normal; }
    .current_status { padding: 5px 0 5px; color: #666; }
    .setting_status { width: 16px; height: 16px; background: url(../images/spanner.gif) no-repeat; line-height: 200px; vertical-align: middle; overflow: hidden; display: inline-block; }
    .u_setting { width: 150px; overflow: hidden; }
      .u_setting li { float: left; padding: 5px 20px 5px 0; }
    .mgs_list { width: 100%; overflow: hidden; }
    .mgs_list a { display: block; width: 119px; text-align: center; font-size: 14px; color: #000; }
.userAvatar { line-height: 20px; position: absolute; left: 50px; top: 170px; }

#searchBox { margin-bottom: 20px; text-align: center; }

#mainNav { float: left; width: 700px; }
#sideNav { float: right; width: 250px; }

h2 { margin: 15px 0 5px; padding: 5px 15px 0; height: 30px; background: url(../images/c_title2.gif) no-repeat; text-align: left; font: bold 14px Verdana; color: #333; line-height: 20px; }
h2 a { line-height: 20px; _margin: 4px 0; vertical-align:middle; color: #000; }
h2 a img { vertical-align: middle; padding-bottom: 2px; }
h2 a.weak { margin-top: 2px; font: normal 14px Verdana; color: #2C629E; }
.formtable { width: 96%; margin: 0 auto 20px; }
.formtable td { padding: 5px; text-align: left; color: #666; }
.formtable thead td { border-bottom: 1px solid #ddd; color: #333; }
tr.bg1 td { background: #efffe6; }

.accountInfo {  }
	.accountInfo h2 { }
.sysHelp { float: right; width: 210px; }
	.sysHelp h2 { background-image: url(../images/ubar_title.gif); }
	.sysHelp ul { margin-top: -10px; padding: 15px 5px 5px 10px; border: 1px solid #ddd; border-top: none; }
	.sysHelp ul li { list-style: inside decimal; line-height: 1.5em; color: #666; }
#sourceNav { clear: both; margin: 0 0 20px; }
	#sourceNav h2 { background-image: url(../images/c_title3.gif); }
	#sourceNav ul { padding: 5px 20px; }
		#sourceNav ul li { float: left; display: inline; width: 160px; margin-right: 20px; height: 22px; line-height: 22px; }
		#sourceNav ul li img { vertical-align: middle; padding: 0 5px 2px 0; }

ul.dropmenu_drop { width: 150px; padding: 0 10px 10px; background: #fff; border: 1px solid #d2d2be; }
ul.dropmenu_drop li { padding: 5px 10px; border-bottom: 1px solid #eee; }
ul.setting { padding: 10px 0; }
ul.setting li { float: left; display: inline; margin-right: 20px; line-height: 1.8em; }

ul.tabMenuRound { margin: 20px 0 0 -10px; height: 29px; background: url("../images/tabMenuRound.gif") no-repeat; overflow: hidden; }
ul.tabMenuRound li { float: left; }
ul.tabMenuRound li a { display: block; width: 98px; line-height: 30px; text-align: center; background: url("../images/tabMenuRound.gif") no-repeat 0 -58px; color: #666; text-decoration: none; }
ul.tabMenuRound li a.menuOn { background-position: 0 -29px; font-weight: bold; color: #000; }
ul.tabMenuRound li a:hover { text-decoration: none; }

ul.treeMenu { padding: 5px 18px; }
ul.treeMenu li { line-height: 1.8em; }
ul.treeMenu li a { padding-left: 40px; cursor: pointer; }
ul.treeMenu li a.menuAdd { background: url(../images/tree_plus.gif) no-repeat 0 center; }
ul.treeMenu li a.menuMinus { background: url(../images/tree_minus.gif) no-repeat 0 center; }
ul.treeMenu ul { padding: 0; }
ul.treeMenu ul li a { padding-left: 60px; background: url(../images/tree_linemiddle.gif) no-repeat 0 center; }
ul.treeMenu ul li.bottom a { background: url(../images/tree_linebottom.gif) no-repeat 0 center; }

.resume { margin: 0 0 10px; text-align: center; }
.resume a { margin: 0 5px; }

.box { margin: 15px 0 0; }
.box h3 { padding: 6px 10px; background: #eaf4ed url(../images/sidebar_title.gif) no-repeat; height: 18px; font: bold 12px Verdana; color: #360; line-height: 18px; }
.box h3 a { color: #000; }
.box ul { padding: 10px 15px; border: 1px solid #ddd; border-top: none; }
.box ul li { line-height: 1.8em; }
.box ul li img { vertical-align: middle; margin: 0 8px 2px 0; }
.box ul li.more { text-align: right; }

div.tabMenu { padding: 10px 5px 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
ul.tabMenu { padding: 0 10px; height: 23px; background: url("../images/tabMenu.gif") no-repeat; border: 0; overflow: hidden; }
ul.tabMenu li { float: left; }
ul.tabMenu li a { display: block; width: 78px; margin-right: -1px; _margin: 0; line-height: 24px; text-align: center; background: url("../images/tabMenu.gif") no-repeat 0 -46px; color: #666; text-decoration: none; }
ul.tabMenu li a.menuOn { background-position: 0 -23px; font-weight: bold; color: #000; }
ul.tabMenu li a:hover { text-decoration: none; }

#footer { padding: 15px 0; background: #f2f2f2; border-top: 4px solid #3ab630; }
    #footer .inner { margin: 0 auto; width: 970px; text-align: left; line-height: 2em; color: #333; }
    #footer a { color: #333; }
    #footer p.en { font-size: 11px; color: #999; }
		#footer p.en a { color: #666; }
.r_option { float: right; font-size: 12px; font-weight: normal; }
    .r_option .active { font-weight: bold; }
